<template>
  <view class="lottie-bg">
    <view id="lottie">
      <image :src="urlDomain+'crmebimage/presets/live-logo.gif'" rel="preload"/>
    </view>
  </view>
</template>

<script>
import wechat from "@/libs/wechat";
import {
  getUserInfoApi
} from "@/api/user";

export default {
  name: "Auth",
  data() {
    return {
      urlDomain: this.$Cache.get("imgHost"),
    }
  },
  mounted() {

  },
  onLoad(option) {
    let that = this
    const {
      code,
      state
    } = option;
    wechat.auth(code, state)
        .then(() => {
          getUserInfoApi().then(res => {
            location.href = decodeURIComponent(
                decodeURIComponent(option.back_url)
            );
          }).catch(res => {
            console.log('getUserInfo错误=' + res);
          });
        })
        .catch((err) => {
          console.log('auth错误=' + err);
        });
  }
};
</script>

<style scoped lang="scss">
.lottie-bg {
  position: fixed;
  left: 0;
  top: 0;
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: 999;

  display: flex;
  align-items: center;
  justify-content: center;
}

#lottie {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  margin: auto;

  image {
    width: 200rpx;
    height: 200rpx;
  }
}
</style>
